<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>INICIO</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <h:outputStylesheet name="css/bootstrap.css" />
        <h:outputStylesheet name="css/estilos.css" />
        <h:outputStylesheet name="css/style.css" />
        <h:outputStylesheet name="css/primefaces.css" />
    </h:head>
    <h:body>
        <!--Start Header-->
        <header class="navbar">
            <div class="container-fluid expanded-panel">
                <div class="row" style="background: #ebebeb;">
                    <div id="logo" class="col-xs-12 col-sm-2">
                        <a href="#">Sistema Expediente</a>
                    </div>
                    <div id="top-panel" class="col-xs-12 col-sm-10">
                        <div class="row" >
                            <div class="col-xs-8 col-sm-4">

                            </div>
                            <div class="col-xs-4 col-sm-8 top-panel-right">
                                <ul class="nav navbar-nav pull-right panel-menu">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle account" data-toggle="dropdown">
                                            <i class="glyphicon glyphicon-chevron-down fa fa-angle-down pull-right"></i>
                                            <div class="user-mini pull-right">
                                                <span class="welcome">Bienvenido,</span>
                                                <span>#{sesionControlador.usuario.nick}</span>
                                            </div>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">
                                                    <i class="fa fa-user"></i>
                                                    <span>Perfil</span>
                                                </a>
                                            </li>
                                            <li>
                                                <h:form>
                                                    <h:commandLink value="Logout" action="#{loginControlador.logout}">

                                                    </h:commandLink>
                                                </h:form>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--End Header-->
        <!--Start Container-->
        <div id="main" class="container-fluid">
            <div class="row">
                <div id="sidebar-left"  class="col-xs-2 col-sm-2">
                    <h:form>
                        <p:panelMenu styleClass="nav main-menu">
                            <p:submenu label="Seguridad">
                                <p:menuitem value="Gestionar Perfiles"  outcome="perfil"  />
                                <p:menuitem value="Gestionar Cuentas"   outcome="cuenta" />
                            </p:submenu>
                            <p:submenu label="Expediente">
                                <p:menuitem value="Gestionar Expediente"  outcome="expediente"   />
                                <p:menuitem value="Gestionar Tipo Expediente" outcome="tipo"   />
                            </p:submenu>
                            <p:submenu label="Linea de Trabajo">
                                <p:menuitem value="Gestionar Linea" outcome="linea"   />
                                <p:menuitem value="Gestionar Etapa" outcome="etapa"   />
                            </p:submenu>
                            <p:submenu label="Especialista">
                                <p:menuitem value="Gestionar Especialista" outcome="especialista"   />
                            </p:submenu>
                            <p:submenu label="Sede">
                                <p:menuitem value="Gestionar Sede" outcome="sede"   />
                            </p:submenu>
                        </p:panelMenu>
                    </h:form>
                </div>
                <!--Start Content-->
                <div id="content" class="col-xs-12 col-sm-10">
                    <pe:ajaxErrorHandler title="Error" button="Recargar" />
                    <ui:insert name="content" >

                    </ui:insert>
                </div>
                <!--End Content-->
            </div>
        </div>
        <h:outputScript library="primefaces" name="jquery/jquery.js" />
        <h:outputScript name="js/bootstrap.js" />
    </h:body>
</html>

